<!DOCTYPE html>
{% load staticfiles %}
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel = "stylesheet" href="{% static 'css/site.css' %}" type="text/css">
</head>
<body>

    <h1>Django Placeholder Images</h1>
    <p>This server can be used for serving placeholder
    images for any web page.</p>
    <p>To request a placeholder image of a given width and height
        simply include an image with the source pointing to
        <b>/image/&lt;width&gt;x&lt;height&gt;/</b>
        on this server such as:
    </p>

    <pre>
        &lt;img src="{{ example }}" &gt;
    </pre>

    <h2>Examples</h2>

    <ul>
        <li><img src="{% url 'placeholder' width=50 height=50 %}"></li>
        <li><img src="{% url 'placeholder' width=50 height=50 %}"></li>
        <li><img src="{% url 'placeholder' width=50 height=50 %}"></li>
    </ul>

    <a href="{% url 'dowload' %}">点击下载API文档</a>

</body>
</html>